/*
 * @Author: your name
 * @Date: 2021-10-22 11:19:35
 * @LastEditTime: 2021-10-22 11:40:07
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /chenyu_blog/components/Header.js
 */
import React from "react";
import { Row, Col, Menu, Icon } from "antd";
import header from "./header.module.css";

const Header = () => (
  <div className={header.header}>
    <Row type="flex" justify="center">
      <Col  xs={24} sm={24} md={10} lg={15} xl={12}>
        <span className={header['header-logo']}>技术胖</span>
        <span className={header['header-txt']}>专注前端开发,每年100集免费视频。</span>
      </Col>

      <Col className="memu-div" xs={0} sm={0} md={14} lg={8} xl={6}>
        <Menu mode="horizontal">
          <Menu.Item key="home">
            <Icon type="home" />
            首页
          </Menu.Item>
          <Menu.Item key="video">
            <Icon type="youtube" />
            视频
          </Menu.Item>
          <Menu.Item key="life">
            <Icon type="smile" />
            生活
          </Menu.Item>
        </Menu>
      </Col>
    </Row>
  </div>
);

export default Header;
